
.popup-bg{
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.45);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		display: flex;
		justify-content: center;
		align-items: center;
}
.search-model{
	width: 100%;
}
.top{
	display: flex;
	align-items: center;
	padding: 10px 10px 0 10px;
	position: relative;
}
.top-textall{
	flex:1;
	text-align: center;
	color: #275EB1;
	transform: translateY(-7px);
	font-weight: bold;
	font-size: 4.5vw;
}
.flex-row{
	display: flex;
	align-items: center;
}

.mui-search .mui-placeholder{
	padding-left: 5px;
	text-align: left;
}
.mui-search .mui-placeholder .mui-icon{
	margin-right: 23%;
}
.list div{
	font-size: 4vw;
	color: #333;
}
.list>div{
	width: 94vw;
	margin-left:3vw;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}
.label{
	margin-right: 3px;
	width: auto;
	text-align: right;
}
.more-txt{
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}
.item-title{
	color: #275EB1;
	max-width: 50vw;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.flex-between{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pending-txt{
	color: #ce3333;
}
.right-titleicon{
	font-size: 30px !important;
	font-weight: bold;
	color: #fff;
}
.icon_return{
	width: 12px;
	height: 12px;
	margin-right: 3px;
}
.return-btn{
	padding: 3px 12px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #275EB1;
	border-radius: 4vw;
	color: #275EB1;
	font-weight: bold;
}
.drop-menulist{
	background: #efeff4;
	width: 28vw;
}
.drop-menulist>div{
	width: 28vw;
	border-bottom: 1px solid #275EB1;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #275EB1;
	position: relative;
}
.drop-menulist{
	position: fixed	;
	right: 0;
	top: 44px;
	z-index: 99;
}
#content{
	position: relative;
}
.fade-enter-active, .fade-leave-active{
	transition: opacity .2s linear;
}
.fade-enter, .fade-leave-to{
	opacity: 0;
}
.icon-onwork{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
	top: 10px;
}
input[type="checkbox"]{
	width: 17px;
	height: 17px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	margin-right: 10px;
	position: relative;
}
input[type="checkbox"]::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	border: 1px solid #d9d9d9;
	background-color: #fff ;
	
}
input[type="checkbox"]:checked::before{
	content: "\2713";
	background-color: #fff;
	position: absolute;
	line-height: 10px;
	top: 0;
	left: 0;
	width: 100%;
	border: 1px solid #7D7D7D;
	
	font-size: 6vw;
	font-weight: bold;
	color: #0069ac;
}
.color-red{
	color: #ce3333;
}
.submit_btn{
	position: relative;
	padding: 0 7vw;
	height: 30px;
	margin: 0 auto;
	/* line-height: 30px; */
	text-align: center;
	border-radius: 15px;
	display: flex;
	align-items: center;
	background-color: #fff;
	justify-content: center;
	background-color: #007aff;
	color: #fff;
}
.cancel_btn{
	position: relative;
	padding: 0 7vw;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	border-radius: 15px;
	display: flex;
	align-items: center;
	background-color: #fff;
	justify-content: center;
	border:1px solid #007aff;
	color: #007aff;
}
.add-box{
	background: #fff;
	
	border-radius: 2%;
}
.pop-ipt{
	width: 45vw;	
	height: 30px;
	margin-left: 10px;
	border: 1px solid #999;
	padding-left: 5px;
}
.pop-btn{
	padding: 5px 10px;
	border-radius: 10%;
}
.main_box{
	width: 96vw;
	margin-top: 10px;
	margin-left: 2vw;
	background: #fff;
	box-sizing: border-box;
	padding: 20px 10px;
	position: relative;
}
.main_icon{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	top: 36px;
	left: -8px;
	background: #efeff4;
}
.main_icon1{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	top: 36px;
	right: -8px;
	background: #efeff4;
}
.fast{
	float: right; 
	position: absolute; 
	right: 5vw; 
	color: #275EB1;
}
.color-blue{
	color: #275EB1;
}
			.upload-box{
				margin-left: auto;
				float: right;
				padding-right: 2vw;
			}
			.upload-icon{
				width: 7vw;
				height: 7vw;
			}
			.upload-list{
				width: 100%;
				height: 16.5vw;
				border: 1px solid #f1f1f1;
				margin-top: 2vw;
				box-shadow: 3px 3px 5px #f1f1f1;
				padding: 2vw;
			}
			.file-name{
				width:70%;
				text-overflow:ellipsis;
				overflow:hidden;
				white-space:nowrap;
			}
			.user-name{
				width: 30%;
				text-align: right;
			}
			.file-item-text{
				height: 6vw;
			}
			.item-content{
				width: 100%;
				display: flex;
			}
			.filebtn{
				width: 10vw;
			}
.pop-bottom{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 20px;
	margin-top: 20px;
	background: #efeff4;
	height: 40px;
	line-height: 40px;
}
.user-form{
	margin: 30px 15px;
}

.mui-grid-view.mui-grid-9 {
	background: #fff;
	padding: 10px 0;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
	border: none;
	padding: 5px 15px;
}
.mui-slider-indicator .mui-indicator{
	background: #fff;
}
.mui-active.mui-indicator{
	background: #004A86 !important;
}
.notie_num{
	width: 5vw;
	height: 5vw;
	background: #e94848;
	line-height: 5vw;
	text-align: center;
	color: #fff;
	font-size: 4vw;
	border-radius: 50%;
	position: absolute;
	right: 5vw;
	top: -2vw;
}
.menu_item img{
	width: 17vw;
	height: 17vw;
	margin-bottom: 5px;
	border-radius: 10px;
}
.menu_item p{
	font-size: 4vw;
	margin-bottom: 4vh;
	
	white-space: nowrap;
	text-align: center;
}
.hr-line{
	color: #999;border-style: dashed; widows: 250px;margin: 15px 0;
}
.icon{
	width: 3px;
	height: 20px;
	background: #275EB1;
	margin-right: 10px;
}
#part-title{
	font-size: 4.5vw !important;
}
textarea{
	margin: 0;
}
div,input,textarea{
	font-size: 4vw;
	color: #333;
}	
input{
	padding-left: 5px;
}
.selectitem-box input{
	margin-bottom: 0 !important;
}
.icon_upload{
	margin-top: 5px;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	border: 1px solid #999;
	margin-bottom: 20px;
}
.btn-detail div:first-child{
	border-bottom: 0;
}
.select-box{
	position: relative;
	width: 40vw;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	border: 1px solid #999;
	padding: 0 10px;
	margin-left: 5px;
}
.option-box{
	position: absolute;
	top: 29px;
	 width: 50vw;
	 left: -1px;
	 z-index: 99;
}
.select-item{
	background-color: #fff	;
	 height: 30px;
	 line-height: 30px;
	 padding: 0 10px;
	 box-sizing: border-box;
	 border: 1px solid #999;
	 border-top: 0;
}
.btn-detail{
	width: 80%;
	position: absolute;
	bottom: 29px;
	left: 10%;
	background: #efeff4;
}
.btn-detail>div{
	border-top: 1px solid #275EB1;
	border-bottom: 1px solid #275EB1;
	color: #275EB1;
	height: 30px;
	line-height: 30px;
}
.mt-10{
	margin-top: 10px;
}
.mui-table-view-cell{
	padding: 10px 0;
}
.mui-table-view-cell.mui-active{
	background-color: #fff;
}
.mui-table-view:before ,.mui-table-view:after{
	height: 0;
}
.mui-table-view-cell>a:not(.mui-btn){
	margin: -11px 0;
}
label{
	margin-left: 5px;
}
.mui-table-view-cell.mui-collapse .mui-collapse-content ,.mui-table-view-cell{
	overflow: visible;
}
.area_num{
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 3vw !important;
	color: #999;
}
.fixed-bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	height: 50px;
	box-shadow: 0 -2px 3px -1px #f4f4f4;
}
.flex-end{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.mr-5{
	margin-right: 5px;
}

.pop-label{
	width: 16vw;
	text-align: right;
	margin-right: 5px;
}
.date-box{
	 width: 55vw;
	 border: 1px solid #999;
	 line-height: 30px;
	 padding-left: 5px;
	 box-sizing: border-box;
	 color: #666;
}
.over-txt{
	width: 50vw;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
Search::-webkit-search-cancel-button{
	display: none !important;
}
.ip-text{
	width: 60vw;
	overflow: hidden;
	text-overflow: ellipsis;
	
}